<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="resources/metrostyle/jquery/jquery.js"
	type="text/javascript"></script>


<!-- Metro-UI-CSS-master -->
<script src="resources/Metro-UI-CSS-master/jquery.widget.min.js"></script>
<link rel="stylesheet"
	href="resources/Metro-UI-CSS-master/css/metro-bootstrap.css">

<script src="resources/Metro-UI-CSS-master/min/metro.min.js"></script>
<script src="resources/Metro-UI-CSS-master/js/metro-dropdown.js"></script>


<!--  calendar -->
<script
	src="resources/Metro-UI-CSS-master/docs/js/metro/metro-calendar.js"></script>
<script
	src="resources/Metro-UI-CSS-master/docs/js/metro/metro-datepicker.js"></script>
<!-- fin calendar -->
<!--  fin Metro-UI-CSS-master -->
<!--  calendar -->
<script
	src="resources/Metro-UI-CSS-master/docs/js/metro/metro-calendar.js"></script>
<script
	src="resources/Metro-UI-CSS-master/docs/js/metro/metro-datepicker.js"></script>
<!-- fin calendar -->


<title>Menu Principal</title>

<style type="text/css">
.padding50{   

padding-left: 50px;!important

}
</style>


<script type="text/javascript">
	
</script>
</head>
<body class="metro">

<div class="container padding50" padding-left="50px">
        <header class="margin20 nrm nlm">
            <div class="clearfix">
                <div class="place-right">
                    
                </div>
                <a title="" href="#" class="place-left">
                    <h1>Source</h1>
                </a>
            </div>

            <div class="main-menu-wrapper">
                <ul class="horizontal-menu nlm">
                    <li><a href="#">Empleados</a></li>
             
           
                </ul>
            </div>
        </header>

        <div class="main-content clearfix">
           
                    <div class="tile bg-lightBlue ol-transparent">
                        </a><div class="tile-content icon">
                            <a href="cargarArchivo.htm"><span  class="icon-user " ></span></a>
                        </div>
                    </div>
<!--                     <div class="tile bg-orange ol-transparent"> -->
<!--                         <div class="tile-content icon"> -->
<!--                             <span class="icon-music"></span> -->
<!--                         </div> -->
<!--                     </div> -->
<!--                     <div class="tile ol-transparent bg-teal"> -->
<!--                         <div class="tile-content icon"> -->
<!--                             <span class="icon-facebook"></span> -->
<!--                         </div> -->
<!--                     </div> -->
<!--                     <div class="tile ol-transparent bg-green"> -->
<!--                         <div class="tile-content icon"> -->
<!--                             <span class="icon-twitter"></span> -->
<!--                         </div> -->
<!--                     </div> -->

                  

                </div> <!-- End first group -->


        </div> <!-- End of tiles -->

        <footer>
            <div class="bottom-menu-wrapper padding50">
                <ul class="horizontal-menu compact">
                    <li>&copy; 2014 Metro UI CSS</li>
                    <li><a href="#">Privacy</a></li>
                    <li><a href="#">Legal</a></li>
                    <li><a href="#">Advertise</a></li>
                    <li><a href="#">Help</a></li>
                    <li><a href="#">Feedback</a></li>
                </ul>
            </div>
        </footer>
    </div>


</body>
</html>